Interaction with a three-dimensional internet content displayed on a user interface

ABSTRACT

The present application provides internet browsing especially a three dimensional webpage browsing methods and systems by using the movement of a computing device with a display. By moving the computing device, a user changes the location and the orientation of the computing device, and thus interacts with at least one information item in a first web page. The computing device measures the location difference and the orientation difference between the computing device and the information item, and determines whether each of the location difference and the orientation difference is within a threshold, respectively. If both the location and orientation differences are within the threshold for a predetermined time, the user is directed to a second web page.

CROSS-REFERENCE TO RELATED APPLICATION

This application is a continuation application of PCT/CN2017/095179,entitled “INTERACTION WITH A THREE-DIMENSIONAL INTERNET CONTENTDISPLAYED ON A USER INTERFACE” filed on Jul. 31, 2017, which isincorporated by reference in its entirety.

TECHNICAL FIELD

The disclosed implementations relate generally to the field of Internettechnologies, and in particular, to a three-dimensional internetbrowsing and interaction method and a system implementing the method.

BACKGROUND

With the growing popularity of Internet applications, the ways a userinteracts with the Internet have become an important part in theInternet navigation, and a user expects to use the Internet in aconvenient and interesting way. For example, when a user is interactingwith a web page, the user usually clicks an item on the web page (e.g.,by mouse or finger touch) to navigate to a next web page. Other methodsof interaction especially on a computing device include sliding a webpage or shake the computing device displaying the web page.

The traditional mobile three dimensional (3D) model in a web page istypically constructed on Canvas element. And often the Canvas elementwould cover the full display of the computing device, and thereforeclicking on a 3D model on the display has the same effect as clicking onthe Canvas element. As a result, the clicking area can cover the wholescreen of the display and is hard to control. By using the traditionalweb page interaction methods, it is hard to determine the userinteraction area outside the 3D model.

SUMMARY

An objective of the present application is to provide a web pagebrowsing method by using the movement of a computing device, so as tocontrol the interaction area and facilitate the operation of a userduring the interaction with a 3D model.

In order to achieve the foregoing beneficial effects, the presentapplication is directed to a method for browsing a web page using acomputing device having a display, one or more processors and memorystoring one or more programs for execution by the one or moreprocessors, which includes the following steps: rendering, on thedisplay, a first web page including a plurality of information items,each information item having a fixed location and a fixed orientationand linking to a second web page; displaying, on the display, aninterested area mark, the interested area mark having a predefine size,a variable location and a variable orientation both in accordance with acurrent orientation of the computing device; in response to a movementof the computing device: updating the location and orientation of theinterested area mark until the interested area mark overlaps with afirst of the plurality of information items; measuring a locationdifference and an orientation difference between the interested areamark and the first information item; and in accordance with adetermination that each of the location difference and the orientationdifference is within a respective threshold for a predefined timeperiod: rendering, on the display, the second web page in replacement ofthe first web page.

In an implementation of the present application, the interested areamark is displayed at a fixed positon on the display.

In an implementation of the present application, the movement of thecomputing device includes moving the interested area mark in an oppositedirection within the first web page to a direction of the orientation ofthe computing device.

In an implementation of the present application, the determination thateach of the location difference and the orientation difference is withinthe respective threshold for the predefined time period includes holdingthe computing device substantially steady for the predefined timeperiod.

In an implementation of the present application, the first web pageincludes a 3D (three-dimensional) webpage.

In an implementation of the present application, the first web pageincludes a multimedia content.

In an implementation of the present application, the first informationitem includes at least one of: a textual content and an image.

In an implementation of the present application, the first informationitem is displayed within the predefined size of the interested areamark.

In an implementation of the present application, the first informationitem is displayed at a size larger than the predefined size of theinterested area mark.

In an implementation of the present application, the first informationitem includes a 3D model.

In an implementation of the present application, the first informationitem includes a first shape and a second shape. The first shape changesinto the second shape in accordance with a determination that each ofthe location difference and the orientation difference between theinterested area mark and the first shape is within a respectivethreshold for a first predefined time period.

In an implementation of the present application, the step of rendering,on the display, the second web page, further includes rendering thesecond web page in accordance with a determination that each of thelocation difference and the orientation difference between theinterested area mark and the second shape is within a respectivethreshold for a second predefined time period.

In an implementation of the present application, the predefined timeperiod is 3 seconds.

In an implementation of the present application, the step of displaying,on the display, the interested area mark further includes: varying adisplaying characteristic of the interested area mark during thepredefined time period, thereby indicating, to a user of the computingdevice, a length for which the computing device has been heldsubstantially stable.

Another objective of the present application is to provide a computingdevice, so as to control the web browsing interaction area andfacilitate the operation of a user during the interaction with a 3D webpage on a display terminal.

In order to achieve the foregoing beneficial effects, the presentapplication is directed to a computing device, which includes: adisplay; one or more processors; and memory having instructions storedthereon, which when executed by the one or more processors cause theprocessors to perform operations, which include the following steps:rendering, on the display, a first web page including a plurality ofinformation items, each information item having a fixed location and afixed orientation and linking to a second web page; displaying, on thedisplay, an interested area mark, the interested area mark having apredefine size, a variable location and a variable orientation both inaccordance with a current orientation of the computing device; inresponse to a movement of the computing device: updating the locationand orientation of the interested area mark until the interested areamark overlaps with a first of the plurality of information items;measuring a location difference and an orientation difference betweenthe interested area mark and the first information item; and inaccordance with a determination that each of the location difference andthe orientation difference is within a respective threshold for apredefined time period: rendering, on the display, the second web pagein replacement of the first web page.

In accordance with some implementations of the present application, anon-transitory computer-readable medium, having instructions storedthereon, which when executed by one or more processors cause theprocessors to perform operations, which include the following steps:rendering, on a display, a first web page including a plurality ofinformation items, each information item having a fixed location and afixed orientation and linking to a second web page; displaying, on thedisplay, an interested area mark, the interested area mark having apredefine size, a variable location and a variable orientation both inaccordance with a current orientation of a computing device; in responseto a movement of the computing device: updating the location andorientation of the interested area mark until the interested area markoverlaps with a first of the plurality of information items; measuring alocation difference and an orientation difference between the interestedarea mark and the first information item; and in accordance with adetermination that each of the location difference and the orientationdifference is within a respective threshold for a predefined timeperiod: rendering, on the display, the second web page in replacement ofthe first web page.

Other features and advantages of the present application can becomeapparent from the following detailed description, taken in conjunctionwith the accompanying drawings, demonstrating by way of examples theprinciples of the present application.

BRIEF DESCRIPTION OF DRAWINGS

The aforementioned implementation of the invention as well as additionalimplementations will be more clearly understood as a result of thefollowing detailed description of the various aspects of the inventionwhen taken in conjunction with the drawings. Like reference numeralsrefer to corresponding parts throughout the several views of thedrawings.

FIG. 1 is a schematic flow chart of an exemplary implementation of webpage interaction method in accordance with some implementations of thepresent application.

FIG. 2A is a schematic diagram showing an interested area mark within a3D web page on a display of a computing device in accordance with someimplementations of the present application.

FIG. 2B is an exemplary schematic diagram showing an interested areamark focused on an information item within a 3D web page on a display inaccordance with some implementations of the present application.

FIG. 3A is an exemplary schematic diagram showing an interested areamark within a 3D web page on a display, after the information item haschanged its shape in accordance with some implementations of the presentapplication.

FIG. 3B is an exemplary schematic diagram showing an interested areamark focused on the second shape of the information item within a 3D webpage on a display in accordance with some implementations of the presentapplication.

FIG. 4 is an exemplary schematic diagram showing a new web page on adisplay after the successful alignment between the interested area markand the information item on the first web page in accordance with someimplementations of the present application.

FIG. 5 is an exemplary schematic diagram illustrating the method ofdetermining the location and the orientation difference, respectively,between the information item and the computing device in accordance withsome implementations of the present application.

FIG. 6 is a schematic structural diagram of components of a computingdevice for browsing a web page in accordance with some implementationsof the present application.

DETAILED DESCRIPTION

The description of the following implementations refers to theaccompanying drawings, so as to illustrate specific implementations thatmay be implemented by the present application. Direction terminologiesmentioned in the present application, such as “upper”, “lower”, “front”,“rear”, “left”, “right”, “inner”, “outer”, “side” are only used asreference of the direction of the accompany drawings. Therefore, theused direction terminology is only used to explain and understand thepresent application, rather than to limit the present application. Inthe figure, units with similar structures are represented in samereference numerals.

FIG. 1 is an exemplary schematic flow chart of an exemplaryimplementation of web page interaction method provided in the presentapplication.

In Step S101, in some implementations, a first web page is rendered on adisplay of a computing device. The computing device can be a cell phone,a tablet, a (Personal Digital Assistant) PDA, or a computer. In someinstances, the computing device can be any computing devices that candetermine the orientation and/or the location of the computing device.In some instances, the first web page can be accessed through scanning abar code using a camera on the computing device.

The first web page rendered on the display includes one or moreinformation items. In some implementations, the information itemsinclude 3D models or objects. Each information item also includes a linkto another web page. In some implementations, the first web page is a 3Dweb page. By changing the orientation of the computing device, forexample, up and down, left and right, and front and back, the user canview the content of the first web page on a 360-degree basis. The effectof viewing the 3D web page content is the same as the view a user wouldsee on the display through moving a digital camera, except the user doesnot need a real camera to view the 3D web page. In some instances, thefirst web page can include some non-information items such as contentsand objects without linking to another web page. In some instances, thefirst web page contains some multimedia contents.

Each of the information items has a fixed location and a fixedorientation. In some implementations, the fixed location and fixedorientation of the information items are calculated relative to theorientation and location of the first 3D web page.

In Step S103, an interested area mark is displayed on the display. Insome implementations, the interested area mark has a predefined size. Insome implementations, the interested area mark has a fixed location onthe display. In some implementations, as the user changes theorientation and/or location of the computing device, the relativeposition of the interested area mark changes within the first web page.Accordingly, the interested area mark has a variable location and avariable orientation relative to the first 3D web page, according to thecurrent orientation and/or location of the computing device. The usercan observe that the interested area mark moves in an opposite directionwithin the first web page to a direction of the orientation of thecomputing device. The computing device can update the location andorientation information of the interested area mark as the user movesthe computing device. In some implementations, the interested area markcontains a reminder for the user to focus on an information item withinthe first web page.

In Step S105, in some implementations, the user focuses the interestedarea mark to a selected information item within the first web page. Insome instances, the user holds his/her computing device substantiallysteady for a predetermined duration. For example, the user can hold thecomputing device for 1 second, 2 seconds, 3 seconds, or any reasonableamount of time, while focusing on the information item with theinterested area mark.

In Step S107, in some implementations, when the interested area markoverlaps with the predetermined information item, the computing devicemeasures the respective location and the orientation difference betweenthe interested area mark and the information item in focus.

In Step S108, the computing device determines if each of the locationand the orientation difference is within a predetermined threshold, suchas within 10%, for the predetermined duration. In some implementations,the threshold can be 9%, 8%, 7%, 6%, 5%, 4%, 3%, 2%, or 1%. In someimplementations, the threshold can be less than 10%. In someimplementations, the threshold can be less than 20%. In someimplementations, the threshold can be less than 30%. In someimplementations, when the interested area mark's position is fixed onthe display of the computing device, determining the location andorientation differences between the interested area mark and theinformation item are effectively the same as determining the locationand orientation differences between the computing device and theinformation item.

In some implementations, the interested area mark also changes itsdisplay characteristics to indicate that the information item is infocus. For example, the interested area mark can change its color,change its display texts, or flash after the user focuses the interestedarea mark to the information item substantially stable for thepredetermined duration.

In Step S109, after the computing device determines the respectivelocation and orientation difference between the interested area mark andthe information item is within a predetermined threshold, a second webpage is rendered on the display. The user can navigate to differentwebpages without clicking an information item on the display. In someimplementations, the second webpage can be a 2D webpage. In someimplementations, the second web page can be a 3D webpage.

In Step S111, if the computing device determines each of the respectivelocation and orientation difference between the interested area mark andthe information item is not within a predetermined threshold, the firstweb page remains on the display.

In some implementations, there can be interim steps before the secondweb page is displayed. For example, after the computing devicedetermines each of the respective location and orientation differencebetween the interested area mark and the information item is within apredetermined threshold, the information item changes its shape toanother 3D model. The user can again repeat the steps from S103-S108,focusing the interested area mark to the second shape of the informationitem. If the computing device determines the location and orientationdifference between the interested area mark and the second shape of theinformation item is within a predetermined threshold, the second webpage is then displayed.

FIG. 2A is an exemplary schematic diagram showing an interested areamark 201 within a 3D web page 203 on a display 205 of a computing device200 as described in Step S103. Examples of a representative computingdevice 200 include, but are not limited to, a handheld computer, awearable computing device, a personal digital assistant (PDA), a tabletcomputer, a laptop computer, a desktop computer, a cellular telephone, asmart phone, an enhanced general packet radio service (EGPRS) mobilephone, a media player, a navigation device, a game console, atelevision, a remote control, a point-of-sale (POS) terminal,vehicle-mounted computer, an ebook reader, or a combination of any twoor more of these data processing devices or other data processingdevices. In one implementation as shown in FIG. 2A, the interested areamark 201 has a rectangular shape with lines on the four corners of theshape similar to a focus mark displayed on a camera. Some texts 207 aredisplayed around or on the interested area mark to remind the user tofocus on an information item 209 in the first web page 203.

FIG. 2B is an exemplary schematic diagram showing an interested areamark 201 focused on an information item 209 within a 3D web page 203 ona display 205 of a computing device as described in Step S105. In oneimplementation as shown in FIG. 2B, the interested area mark 201 isaligned with the information item 209 in the first web page 203 asdescribed in Steps S107 and S108.

FIG. 3A is an exemplary schematic diagram showing an interested areamark 301 within a 3D web page 303 on a display 305, after theinformation item 307 has changed to its second shape, according to StepS109. In one implementation as shown in FIG. 3A, the interested areamark 301 has a rectangular shape with lines on the four corners of theshape similar to a focus mark displayed on a camera. Some texts 309 aredisplayed around or on the interested area mark to remind the user tofocus on the second shape of the information item 307 in the first webpage 303 for a predetermined time. In one example, the second shape ofthe information item 307 has a size bigger than the interested area mark301.

FIG. 3B is an exemplary schematic diagram showing an interested areamark 301 focused on the second shape of the information item 307 withina 3D web page 303 on a display 305, according to Step S109. In oneimplementation as shown in FIG. 3B, some texts 311 are displayed aroundor on the interested area mark to remind the user the remaining timeneeded to focus on the second shape of the information item 307 in thefirst web page 303. After the user holds the computing device 300 stablefor a predetermined time while focusing on the second shape of theinformation item 307, according to Step S109, in one implementation asshown in FIG. 3B, the reminder texts 311 displayed around or on theinterested area mark are updated to inform the user the interested areamark 301 is successfully aligned with the second shape of theinformation item 307 in the first web page 303.

FIG. 4 is an exemplary schematic diagram showing a new web page or asecond web page 401 on a display 403 after the successful alignmentbetween the interested area mark and the information item on the firstweb page, according to Step S109.

FIG. 5 is an exemplary schematic diagram illustrating the method ofdetermining the location and the orientation difference, respectively,between the information item and the computing device as described inSteps S107 and S108. The x (501), y (503), and z (505) coordinate axesare illustrated in a 3D space. In some implementations, the informationitem is a 3D model.

As shown in FIG. 5, the orientation and location of the information itemin the 3D space are represented by a vector 507. The orientation andlocation of the computing device in the 3D space are represented by avector 509.

In one example, a specific way of calculating the whether each of thelocation and the orientation difference between the information item andthe computing device is smaller than a predetermined value isillustrated in as follows in partial pseudo codes:

(1) Obtain the 3D coordinate position for the computing device asv=(x,y,z);

(2) Obtain the 3D coordinate position for the information item as3d=(x,y,z);

(3) Calculate the vector of the computing device 509 on the Y plane asvY1=new THREE.Vector2(v.x, v.z);

(4) Calculate the vector of the information item 507 on the Y plane asvY=new THREE.Vector2(3d.x, 3d.z);

(5) Calculate the angle difference on the Y plane between the computingdevice and the information item dtY=vY1.angle( )-vY2.angle( );

(6) If the angle difference dtY on the Y plane is within a predeterminedthreshold, the computing device vector 209 and the information itemvector 207 are aligned on the Y plane.

(7) Similarly, calculate the vector of the computing device 509 on the Xplane as vX1=new THREE.Vector2(v.y, v.z);

(8) Calculate the vector of the information item 507 on the X plane asvX2=new THREE.Vector2(3d.y, 3d.z);

(9) Calculate the angle difference on the X plane between the computingdevice and the information item dtX=vX1.angle( )vX2.angle( );

(10) If the angle difference dtX on the X plane is within apredetermined threshold, the computing device vector 509 and theinformation item vector 507 are aligned on the X plane.

(11) If both the angle differences dtY on the Y plane and dtX on the Xplane are within a predetermined threshold, the computing device vector509 and the information item vector 507 are aligned with each other inthe 3D space.

FIG. 6 is a schematic structural diagram of components of a computingdevice for browsing a web page in accordance with some implementationsof the present application. The computing device 200 includes one ormore processors 402 for executing modules, programs and/or instructionsstored in memory 412 and thereby performing predefined operations; oneor more network or other communications interfaces 410; memory 412; andone or more communication buses 414 for interconnecting thesecomponents. In some implementations, the computing device 25 includes auser interface 404 comprising a display device 408 and one or more inputdevices 406 (e.g., keyboard or mouse). In some implementations, thememory 412 includes high-speed random access memory, such as DRAM, SRAM,or other random access solid state memory devices. In someimplementations, memory 412 includes non-volatile memory, such as one ormore magnetic disk storage devices, optical disk storage devices, flashmemory devices, or other non-volatile solid state storage devices. Insome implementations, memory 412 includes one or more storage devicesremotely located from the processor(s) 402. Memory 412, or alternatelyone or more storage devices (e.g., one or more nonvolatile storagedevices) within memory 412, includes a non-transitory computer readablestorage medium. In some implementations, memory 412 or the computerreadable storage medium of memory 412 stores the following programs,modules and data structures, or a subset thereof:

-   -   an operating system 416 that includes procedures for handling        various basic system services and for performing hardware        dependent tasks;    -   a network communications module 418 that is used for connecting        the computing device 25 to other computers via the communication        network interfaces 410 and one or more communication networks        (wired or wireless), such as the Internet, other wide area        networks, local area networks, metropolitan area networks, etc.;        and    -   a web browser module 420 for browsing a web page on the display        408, the module further including one or more web pages 422,        each including one or more 3D area marks, and a 3D Mark Matching        Sub-Module 424 invoked by the module for determining whether        another web page should be rendered in replacement of the        current web page.

In the implementations of the present application, the computing devicecan comprise one or more processors and suitable memory. In the memory,suitable software programs for performing one or more steps of thepresent application are stored. Alternatively, the steps of the presentapplication can be implemented in hardware, e.g. in anapplication-specific integrated circuit (ASIC). The present applicationcan also comprise instructions on a non-transitory computer-readablemedium, and the instructions can be executed by one or more processors.Each step of the present application can be implemented as a hardwarecomponent or, alternatively, as software, e.g. running on one or moreprocessors of each step.

In sum, the present application is disclosed with the exemplaryimplementations in the foregoing, but the exemplary implementations arenot intended to limit the present application. Various variations andmodifications made by persons of ordinary skill in the art withoutdeparting from the spirit and the scope of the present application fallwithin the scope of the present application. Therefore, the protectionscope of the present application is subject to the appended claims.

While particular implementations are described above, it will beunderstood it is not intended to limit the invention to these particularimplementations. On the contrary, the invention includes alternatives,modifications and equivalents that are within the spirit and scope ofthe appended claims. Numerous specific details are set forth in order toprovide a thorough understanding of the subject matter presented herein.But it will be apparent to one of ordinary skill in the art that thesubject matter may be practiced without these specific details. In otherinstances, well-known methods, procedures, components, and circuits havenot been described in detail so as not to unnecessarily obscure aspectsof the implementations.

Although the terms first, second, etc. may be used herein to describevarious elements, these elements should not be limited by these terms.These terms are only used to distinguish one element from another. Theterminology used in the description of the invention herein is for thepurpose of describing particular implementations only and is notintended to be limiting of the invention. As used in the description ofthe invention and the appended claims, the singular forms “a,” “an,” and“the” are intended to include the plural forms as well, unless thecontext clearly indicates otherwise. It will also be understood that theterm “and/or” as used herein refers to and encompasses any and allpossible combinations of one or more of the associated listed items. Itwill be further understood that the terms “includes,” “including,”“comprises,” and/or “comprising,” when used in this specification,specify the presence of stated features, operations, elements, and/orcomponents, but do not preclude the presence or addition of one or moreother features, operations, elements, components, and/or groups thereof.

As used herein, the term “if” may be construed to mean “when” or “upon”or “in response to determining” or “in accordance with a determination”or “in response to detecting,” that a stated condition precedent istrue, depending on the context. Similarly, the phrase “if it isdetermined [that a stated condition precedent is true]” or “if [a statedcondition precedent is true]” or “when [a stated condition precedent istrue]” may be construed to mean “upon determining” or “in response todetermining” or “in accordance with a determination” or “upon detecting”or “in response to detecting” that the stated condition precedent istrue, depending on the context.

Although some of the various drawings illustrate a number of logicalstages in a particular order, stages that are not order dependent may bereordered and other stages may be combined or broken out. While somereordering or other groupings are specifically mentioned, others will beobvious to those of ordinary skill in the art and so do not present anexhaustive list of alternatives. Moreover, it should be recognized thatthe stages could be implemented in hardware, firmware, software or anycombination thereof.

The foregoing description, for purpose of explanation, has beendescribed with reference to specific implementations. However, theillustrative discussions above are not intended to be exhaustive or tolimit the invention to the precise forms disclosed. Many modificationsand variations are possible in view of the above teachings. Theimplementations were chosen and described in order to best explainprinciples of the invention and its practical applications, to therebyenable others skilled in the art to best utilize the invention andvarious implementations with various modifications as are suited to theparticular use contemplated. Implementations include alternatives,modifications and equivalents that are within the spirit and scope ofthe appended claims. Numerous specific details are set forth in order toprovide a thorough understanding of the subject matter presented herein.But it will be apparent to one of ordinary skill in the art that thesubject matter may be practiced without these specific details. In otherinstances, well-known methods, procedures, components, and circuits havenot been described in detail so as not to unnecessarily obscure aspectsof the implementations.

What is claimed is:
 1. A method for browsing a web page using acomputing device having a display, one or more processors and memorystoring one or more programs for execution by the one or moreprocessors, comprising: rendering, on the display, a first web pageincluding a plurality of information items, wherein each informationitem corresponds to a 3D object having a fixed location and a fixedorientation in a 3D space and is linked to a second web page;displaying, on the display, an interested area mark at a fixed positionon the display, the interested area mark having a predefine size, avariable location and a variable orientation relative to each 3D objectin accordance with a current orientation of the computing device in the3D space; in response to a movement of the computing device and whiledisplaying the interested area mark at the fixed position on thedisplay: determining current location and orientation of the interestedarea mark in the 3D space when the interested area mark overlaps with afirst information item of the plurality of information items; measuringa location difference and an orientation difference between the currentlocation and orientation of the interested area mark and the locationand orientation of the 3D object corresponding to the first informationitem in the 3D space; and in accordance with a determination that eachof the location difference and the orientation difference is within arespective threshold for a predefined time period: rendering, on thedisplay, the second web page associated with the 3D object inreplacement of the first web page.
 2. The method of claim 1, furthercomprising: in response to the movement of the computing device,updating display of the plurality of information items of the first webpage on the display.
 3. The method of claim 1, further comprising: inaccordance with the movement of the computing device, moving theinterested area mark in an opposite direction within the 3D space to adirection of the current orientation of the computing device.
 4. Themethod of claim 1, wherein the determination that each of the locationdifference and the orientation difference is within the respectivethreshold for the predefined time period comprises determining that thecomputing device is held substantially steady for the predefined timeperiod.
 5. The method of claim 1, wherein the first web page comprises a3D (three-dimensional) webpage.
 6. The method of claim 1, wherein thefirst web page comprises a multimedia content.
 7. The method of claim 1,wherein the first information item comprises at least one of: a textualcontent and an image.
 8. The method of claim 1, wherein when theinterested area mark overlaps with the first information item, the firstinformation item is displayed within the predefined size of theinterested area mark.
 9. The method of claim 1, wherein when theinterested area mark overlaps with the first information item, the firstinformation item is displayed at a size larger than the predefined sizeof the interested area mark.
 10. The method of claim 1, wherein thefirst information item comprises a first shape and a second shape, thefirst shape changing into the second shape in accordance with adetermination that each of the location difference and the orientationdifference between the interested area mark and the first shape iswithin the respective threshold for a first predefined time period. 11.The method of claim 10, wherein rendering, on the display, the secondweb page further comprises rendering the second web page in accordancewith a determination that each of the location difference and theorientation difference between the interested area mark and the secondshape is within the respective threshold for a second predefined timeperiod.
 12. The method of claim 1, wherein the predefined time period is3 seconds.
 13. The method of claim 1, wherein displaying, on thedisplay, the interested area mark further comprises: varying adisplaying characteristic of the interested area mark during thepredefined time period, thereby indicating, to a user of the computingdevice, a length for which the computing device has been heldsubstantially stable.
 14. A computing device, comprising: a display; oneor more processors; and memory having instructions stored thereon, whichwhen executed by the one or more processors cause the processors toperform operations comprising: rendering, on the display, a first webpage including a plurality of information items, wherein eachinformation item corresponds to a 3D object having a fixed location anda fixed orientation in a 3D space and is linked to a second web page;displaying, on the display, an interested area mark at a fixed positionon the display, the interested area mark having a predefine size, avariable location and a variable orientation relative to each 3D objectin accordance with a current orientation of the computing device in the3D space; in response to a movement of the computing device and whiledisplaying the interested area mark at the fixed position on thedisplay: determining current location and orientation of the interestedarea mark in the 3D space when the interested area mark overlaps with afirst information item of the plurality of information items; measuringa location difference and an orientation difference between the currentlocation and orientation of the interested area mark and the locationand orientation of the 3D object corresponding to the first informationitem in the 3D space; and in accordance with a determination that eachof the location difference and the orientation difference is within arespective threshold for a predefined time period: rendering, on thedisplay, the second web page associated with the 3D object inreplacement of the first web page.
 15. The computing device of claim 14,wherein the memory further has instructions stored thereon for: inaccordance with the movement of the computing device, moving theinterested area mark in an opposite direction within the 3D space to adirection of the current orientation of the computing device.
 16. Thecomputing device of claim 14, wherein the determination that each of thelocation difference and the orientation difference is within therespective threshold for the predefined time period comprisesdetermining that the computing device is held substantially steady forthe predefined time period.
 17. The computing device of claim 14,wherein the memory further has instructions stored thereon for: inresponse to the movement of the computing device, updating display ofthe plurality of information items of the first web page on the display.18. A non-transitory computer-readable medium, having instructionsstored thereon, which when executed by one or more processors cause theprocessors to perform operations comprising: rendering, on a display, afirst web page including a plurality of information items, wherein eachinformation item corresponds to a 3D object having a fixed location anda fixed orientation in a 3D space and is linked to a second web page;displaying, on the display, an interested area mark at a fixed positionon the display, the interested area mark having a predefine size, avariable location and a variable orientation relative to each 3D objectin accordance with a current orientation of a computing device in the 3Dspace; in response to a movement of the computing device and whiledisplaying the interested area mark at the fixed position on thedisplay: determining current location and orientation of the interestedarea mark in the 3D space when the interested area mark overlaps with afirst information item of the plurality of information items; measuringa location difference and an orientation difference between the currentlocation and orientation of the interested area mark and the locationand orientation of the 3D object corresponding to the first informationitem in the 3D space; and in accordance with a determination that eachof the location difference and the orientation difference is within arespective threshold for a predefined time period: rendering, on thedisplay, the second web page associated with the 3D object inreplacement of the first web page.
 19. The non-transitorycomputer-readable medium of claim 18, further comprising instructionsstored thereon for: in accordance with the movement of the computingdevice, moving the interested area mark in an opposite direction withinthe 3D space to a direction of the current orientation of the computingdevice.
 20. The non-transitory computer-readable medium of claim 18,wherein the determination that each of the location difference and theorientation difference is within the respective threshold for thepredefined time period comprises determining that the computing deviceis held substantially steady for the predefined time period.